﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CiDotNet.WebCalc._Default" %>

<!doctype html>
<html >
<head runat="server">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title><%= ConfigurationSettings.AppSettings["Title"]%></title>
    <meta name="description" content="Arcitecture Academy Exercise">
    <meta name="author" content="Fábio Franco Uechi">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" type="text/css" href="//current.bootstrapcdn.com/bootstrap-v204/css/bootstrap-combined.min.css">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
    </style>
</head>

<body>

    <header class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="brand" href="default.aspx">CalculatorPro</a>
            </div>
        </div>
    </header>

    <div class="container" role="main" >

    <form id="form1" runat="server" class="form-horizontal">
        <div class="hero-unit">
          <div class="control-group">
            <label class="control-label" for="txtPrice">Price:</label>
            <div class="controls">
                <asp:TextBox ID="txtPrice" runat="server">30000</asp:TextBox>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="txtPeriods">Periods:</label>
            <div class="controls">
                <asp:TextBox ID="txtPeriods" runat="server">12</asp:TextBox>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="txtInterest">Interest:</label>
            <div class="controls">
                <asp:TextBox ID="txtInterest" runat="server">7</asp:TextBox>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="txtResidualValue">Residual value:</label>
            <div class="controls">
                <asp:TextBox ID="txtResidualValue" runat="server">0</asp:TextBox>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="rbModeBegin">Mode</label>
            <div class="controls">
                <asp:RadioButton ID="rbModeBegin" runat="server" Text="Begin" 
                    GroupName="rbMode" Checked="True"/>
                <asp:RadioButton ID="rbModeEnd" runat="server" Text="End" GroupName="rbMode"/>
            </div>
          </div>

          <div class="control-group">
            <div class="controls">
                        <asp:Button ID="btnCalculate" runat="server" Text="Calculate" 
                            onclick="btnCalculate_Click" class="btn" />
            </div>
          </div>
          <div class="control-group">
              <label class="control-label" for="txtRate">Rate:</label>
            <div class="controls">
                        <asp:TextBox ID="txtRate" runat="server"></asp:TextBox>
            </div>
          </div>
        </div>
    </form>

    <footer class="footer">
      <div class="container">
        <p>© CalculatorPro Beta <small>(Version: <%= ConfigurationSettings.AppSettings["Version"]%>)
            Running on: <%= ConfigurationSettings.AppSettings["Environment"]%>.</small>
        </p>
      </div>
    </footer>

 </div> <!-- /container -->
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.4/bootstrap.min.js"></script>
</body>
</html>